<div class="fly-panel fly-column"> 
   <div class="layui-container"> 
    <ul class="layui-clear"> 
     <li class="layui-hide-xs" id="nav1"><a href="{:url('web/Community/topicset')}">讨论列表</a></li> 
     <li class="layui-hide-xs" id="nav2"> <a href="{:url('web/Message/messageset')}"> 消息列表 </a> </li> 
     <li class="layui-hide-xs" id="nav3"> <a href="{:url('web/Userimage/index')}"> 我的图片 </a> </li> 
    </ul> 
    <div class="fly-column-right layui-hide-xs"> 
     <span class="fly-search LAY_search"><i class="layui-icon"></i></span> 
     <a href="{:url('web/Community/addtopic')}" class="layui-btn">发表新帖</a> 
    </div> 
       <script>
           layui.use('jquery',function(){
              var $=layui.jquery;
              $('.fly-search').on('click', function(){
    layer.open({
      type: 1
      ,title: false
      ,closeBtn: false
      //,shade: [0.1, '#fff']
      ,shadeClose: true
      ,maxWidth: 10000
      ,skin: 'fly-layer-search'
      ,content: ['<form action="https://www.baidu.com/s?")}" method="get">'
        ,'<input autocomplete="off" placeholder="搜索内容，回车跳转" type="text" name="wd">'
      ,'</form>'].join('')
      ,success: function(layero){
        var input = layero.find('input');
                               input.focus();

                               layero.find('form').submit(function () {
                                   var val = input.val();
                                   if (val.replace(/\s/g, '') === '') {
                                       return false;
                                   }
                                   input.val('nyoj '+input.val());
                               });
                           }
                       })
                   });
                   $("#nav{$nownav?$nownav:''}").addClass('layui-this');
               });
       </script>
   </div>
  </div>
